<template>
  <div class="batch-view">
    <div class="hero-section">
      <h1>批量表情包生成</h1>
      <p>一次生成多个表情包，提高效率</p>
    </div>
    <BatchGenerator />
  </div>
</template>

<script setup>
import BatchGenerator from '../components/BatchGenerator.vue'
</script>

<style scoped>
.batch-view {
  padding: 20px 0;
}

.hero-section {
  text-align: center;
  margin-bottom: 40px;
}

.hero-section h1 {
  font-size: 2.5rem;
  color: var(--primary-color);
  margin-bottom: 10px;
}

.hero-section p {
  font-size: 1.2rem;
  color: var(--info-color);
  max-width: 600px;
  margin: 0 auto;
}
</style>